import Styles from './index.module.scss'
import { ReactNode } from 'react'

type PropsT = {
  title: string | ReactNode
  content?: string | ReactNode
  extra?: string | ReactNode
  onClick?: () => void
}

const index = ({ onClick, title, content, extra }: PropsT) => {
  return (
    <div
      className={`d_column bg_ffffff base-content-view ${Styles.mb_12} ${Styles.container}`}
      style={{ padding: '14px' }}
      onClick={() => onClick && onClick()}
    >
      {title}
      {content}
      {extra}
    </div>
  )
}

export default index
